<template>
    <div :style="{backgroundColor:bgColor}" class="box">
        <span :class="['iconfont',icon]"></span>
        <span class="tip">{{tip}}</span>
    </div>
</template>
<script>
export default {
    vm:this,
    props:['bgColor','icon','tip']
}
</script>

<style lang="scss">
    .box{
        width:100px;
        height: 100px;
        border-radius: 50%;
        .tip{
            display: none;
        }
        &:hover{
            .tip{
                display: block;
            }
        }
    }
</style>

